<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/public.css"/>
<title>无标题文档</title>
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>

</head>
<body>
<div>
    <nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
  <div class="container container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
        <li><a href="info.html">前端资讯</a></li>
        <li><a href="course.html">课程选择</a></li>
        <li><a href="progress.html">课程易学度</a></li>
        <li><a href="login.html">注册</a></li>
        <li><a href="logon.html">登录</a></li>
      </ul>  
      <ul class="nav navbar-nav navbar-right">
        <li><a href="about.html">关于我们</a></li>      
      </ul>
    </div>
  </div>
</nav>
</div>
<div class="container">
  	<div id="carousel-example-generic" class="carousel slide marginTop" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      </ol>
    
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="../image/hdp_01.jpg" alt="图1" width="100%">
        </div>
        <div class="item">
          <img src="../image/hdp_02.jpg" alt="图2" width="100%">
        </div>
      </div>
    
      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
        <span class="sr-only">Next</span>
      </a>
	</div>
</div>
<div class="w1140" style="margin-top:30px"> 
    <h3>Web<small style="font-size:24px;font-family:宋体">前端课程推荐</small></h3>
	<h6>这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</h6>
<hr/>
    <div class="row">
      <div class="col-sm-6 col-md-3">
        <div class="thumbnail">
          <img src="../image/pif01.png" alt="图图">
          <div class="caption">
            <h3 style="color:#338ecf;">DW零基础到精通<br/><small>网页制作基础</small></h3>
            <p>优就业是中国IT培训教育事业的国内知名品牌，北京市民办教育协会成员(理事)单位。</p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-3">
        <div class="thumbnail">
          <img src="../image/pif02.png" alt="图图">
          <div class="caption">
            <h3 style="color:#338ecf;">WEB前端软件<br/><small>基础课程</small></h3>
            <p>优就业是中国IT培训教育事业的国内知名品牌，北京市民办教育协会成员(理事)单位。</p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-3">
        <div class="thumbnail">
          <img src="../image/pif03.png" alt="图图">
          <div class="caption">
            <h3 style="color:#338ecf;">WEB前端就业<br/><small>精品班</small></h3>
            <p>优就业是中国IT培训教育事业的国内知名品牌，北京市民办教育协会成员(理事)单位。</p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-3">
        <div class="thumbnail">
          <img src="../image/pif04.png" alt="图图">
          <div class="caption">
            <h3 style="color:#338ecf;">2017秋季就业促进<br/><small>Web前端班</small></h3>
            <p>优就业是中国IT培训教育事业的国内知名品牌，北京市民办教育协会成员(理事)单位。</p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-3">
        <div class="thumbnail">
          <img src="../image/pif04.png" alt="图图">
          <div class="caption">
            <h3 style="color:#338ecf;">2017秋季就业促进<br/><small>Web前端班</small></h3>
            <p>优就业是中国IT培训教育事业的国内知名品牌，北京市民办教育协会成员(理事)单位。</p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-3">
        <div class="thumbnail">
          <img src="../image/pif04.png" alt="图图">
          <div class="caption">
            <h3 style="color:#338ecf;">2017秋季就业促进<br/><small>Web前端班</small></h3>
            <p>优就业是中国IT培训教育事业的国内知名品牌，北京市民办教育协会成员(理事)单位。</p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-3">
        <div class="thumbnail">
          <img src="../image/pif04.png" alt="图图">
          <div class="caption">
            <h3 style="color:#338ecf;">2017秋季就业促进<br/><small>Web前端班</small></h3>
            <p>优就业是中国IT培训教育事业的国内知名品牌，北京市民办教育协会成员(理事)单位。</p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-3">
        <div class="thumbnail">
          <img src="../image/pif04.png" alt="图图">
          <div class="caption">
            <h3 style="color:#338ecf;">2017秋季就业促进<br/><small>Web前端班</small></h3>
            <p>优就业是中国IT培训教育事业的国内知名品牌，北京市民办教育协会成员(理事)单位。</p>
          </div>
        </div>
      </div>
	</div>
    <h3>Web<small style="font-size:24px;font-family:宋体">前端课程选择</small></h3>
	<h6>这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</h6>
    <hr/>
    <table class="table table-bordered">
      <thead>
        <tr>
          <th>班级名称</th>
          <th>课时</th>
          <th>价格</th>
          <th>免费试听</th>
          <th>购买课程</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td scope="row">就业精品班</td>
          <td>4个月</td>
          <td>优惠价17700.00<del>原价18900.00</del></td>
          <td><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span>预约</td>
          <td><button type="button" class="btn" style="background:#d9534f;color:#fff;">立即报名</button></td>
        </tr>
        <tr>
          <td scope="row">就业精品班</td>
          <td>4个月</td>
          <td>优惠价17700.00<del>原价18900.00</del></td>
          <td><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span>预约</td>
          <td><button type="button" class="btn" style="background:#d9534f;color:#fff;">立即报名</button></td>
        </tr>
        <tr>
          <td scope="row">就业精品班</td>
          <td>4个月</td>
          <td>优惠价17700.00<del>原价18900.00</del></td>
          <td><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span>预约</td>
          <td><button type="button" class="btn" style="background:#d9534f;color:#fff;">立即报名</button></td>
        </tr>
      </tbody>
    </table>
</div>
<table class="table table-bordered  w1140" style="margin-top:20px">
    <tr style="background:#f5f5f5;color:#000">
      <td>Copyright©1999-2017 北京中公教育科技股份有限公司 .All Rights Reserved 京ICP备10218183号-88 京ICP证161188号</td>
    </tr>
</table>
</body>
</html>
